<template>
  <div class="box">
    <v-card class="card">
      <v-btn outlined rounded class="butn" color="white" @click="toCourse"> back </v-btn>
      <v-list-item three-line>
        <v-list-item-content>
          <v-list-item-title class="text-h5 mb-1">
            Course Name
          </v-list-item-title>
          <div class="text">Teacher: gentelman</div>
          <div class="text">Plan days:100years</div>
          <div class="text">
            本课程校内发展的主要历史沿革与国家思想政治理论课改革是同步的，分别经历了《中共党史》、《中国革命史》、《毛泽东思想概论》、《中国近现代史纲要》四个阶段的演变。2005年新方案正式实施后，《毛泽东思想概论》与《邓小平理论与“三个代表”重要思想概论》合并为一门课，同时新增《中国近现代史纲要》。
          </div>
          <v-file-input label="File input" class="file"></v-file-input>
        </v-list-item-content>

        <v-list-item-avatar tile size="80"
          ><img src="../../assets/logo.png"
        /></v-list-item-avatar>
      </v-list-item>
    </v-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
    };
  },
  methods: {
    toCourse() {
      this.$router.push({
        path: "/main/course",
      });
    },
  },
};
</script>
<style scoped>
.box {
  width: 100%;
}
.card {
  margin-top: 10vh;
  margin-right: 15vw;
  margin-left: 15vw;
  min-height: 70vh;
}
.butn {
  margin: 5px 5px;
  background-color: #64b5f6;
}
.text {
  margin: 20px auto;
}
.file {
  margin: 40px auto;
}
/* .v-tab {
  text-transform: none;
}
.items {
  padding-left: 3vw;
  height: 80vh;
  overflow: auto;
}
.tit {
  padding-left: 35%;
  font-size: 24px;
}
.text {
  margin-bottom: 2vh;
}
.back {
  width: 5vw;
  color: white;
}
::-webkit-scrollbar {
  display: none; 
} */
</style>
